<ion-view title="箱子详情">
    <ion-nav-buttons side="right">
        <a class="button button-icon icon ion-home" href="#/app/boxs"></a>
    </ion-nav-buttons>
    <ion-content class="has-header" has-bouncing="true" overflow-scroll="false">
        <div class="row">
            <div class="col" >
                <div class="button-bar" style="font-size:18px;font-weight:bold;">
                    <a class="button button-positive button-small" href="#/app/doorState/{{data.boxDatas.box_id}}">状态设置</a>
                    <a class="button button-positive button-small" href="#/app/cost/{{data.boxDatas.box_id}}">计费设置</a>
                </div>
            </div>
        </div>
        <div class="box-first">
            <div class="item item-divider" > 箱子详情 </div>
                <div class="row">
                    <div class="col col-33">箱子ID</div>
                    <div class="col">{{data.boxDatas.box_id}}</div>
                </div>
                <div class="row">
                    <div class="col col-33">帖码位置</div>
                    <div class="col">{{data.boxDatas.code_layout}}</div>
                </div>
                <div class="row">
                    <div class="col col-33">格子数量</div>
                    <div class="col">{{data.boxDatas.doors_num}}</div>
                </div>
                <div class="row">
                    <div class="col col-33"> 箱子布局</div>
                    <div class="col">{{data.boxDatas.box_layout}}</div>
                </div>
                <div class="item item-divider" > 箱子GPS位置 </div>
                <div class="row">
                    <div class="col col-67" style="padding-top: 9px">{{data.boxDatas.addr}}({{data.boxDatas.addrDescribe}})</div>
                    <div class="col"><a class="button button-small button-balanced" style="padding: 0px 20px 0px 20px" href="#/app/addr/{{data.boxDatas.box_id}}/{{data.boxDatas.addr}}/{{data.boxDatas.addrDescribe}}">设置</a></div>
                </div>

                <div class="item item-divider" > 箱子布局视图 </div>
                <div ng-switch on="data.boxDatas.box_layout" style="text-align: center">
                    <div ng-switch-when="一行两列"><img  src="img/12.png"></div>
                    <div ng-switch-when="两行一列"><img  src="img/21.png"></div>
                    <div ng-switch-when="两行两列"><img  src="img/22.png"></div>
                    <div ng-switch-when="一行四列"><img  src="img/14.png"></div>
                    <div ng-switch-when="四行一列"><img  src="img/41.png"></div>
                    <div ng-switch-when="三行两列"><img  src="img/32.jpg"></div>
                    <div ng-switch-when="两行三列"><img  src="img/23.png"></div>
                    <div ng-switch-when="两行四列"><img  src="img/24.png"></div>
                    <div ng-switch-when="四行两列"><img  src="img/42.png"></div>
                    <div ng-switch-when="两行五列"><img  src="img/25.png"></div>
                    <div ng-switch-when="五行两列"><img  src="img/52.png"></div>
                    <div ng-switch-when="四行三列"><img  src="img/43.png"></div>
                    <div ng-switch-when="三行四列"><img  src="img/34.png"></div>
                </div>
                <div class="item item-divider" > Sim卡详情 </div>
                <div class="row">
                    <div class="col col-33">卡号</div>
                    <div class="col">{{data.simdatas.sim}}</div>
                </div>
                <div class="row">
                    <div class="col col-33">运营商</div>
                    <div class="col">{{data.simdatas.operators}}</div>
                </div>
                <div class="row">
                    <div class="col col-33">资费</div>
                    <div class="col">{{data.simdatas.charge}}</div>
                </div>
                <div class="row">
                    <div class="col col-33"> 打印次数</div>
                    <div class="col">{{data.simdatas.state}}</div>
                </div>
                <div class="item item-divider" > 购买人详情 </div>

                <div class="row">
                    <div class="col col-33">购买人姓名</div>
                    <div class="col">{{data.buyerdatas.buyer}}</div>
                </div>
                <div class="row">
                    <div class="col col-33">联系电话</div>
                    <div class="col">{{data.buyerdatas.phoneNumber}}</div>
                </div>
                <div class="row">
                    <div class="col col-33">所属公司</div>
                    <div class="col">{{data.buyerdatas.company}}</div>
                </div>
        </div>
    </ion-content>
</ion-view>
